 @charset "utf-8";
 * {
     padding: 0;
     margin: 0
 }

 img {
     border: none;
     vertical-align: top;
 }

 html {
    font-size: 62.5%
 }

 .clearfix {
     zoom: 1
 }

 .clearfix:after {
     content: ".";
     display: block;
     height: 0;
     visibility: hidden;
     clear: both
 }

 body.minipage {
     background-color: #f4f4f4;
     font-size: 1.5rem;
     font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
 }

 html {
     font-size: 62.5%
 }

 ul,
 li {
     list-style: none
 }

 a {
     color: #666666;
     text-decoration: none;
 }

 em {
     font-style: normal;
 }

 a:hover {
     text-decoration: none;
 }

 a:focus {
     outline: thin dotted;
 }

 a:active,
 a:hover {
     outline: 0;
 }

 .vtam {
     vertical-align: middle;
 }

 .txt_align_c {
     text-align: center;
 }

 .txt_align_r {
     text-align: right;
 }

 .fl {
     float: left;
 }

 .fr {
     float: right;
 }

 .minipage .wrap {
     max-width: 750px;
     margin: 0 auto;
 }

 .minipage input[type=text],
 input[type=number],
 textarea {
     outline: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none
 }

 .minipage .mt {
     margin-top: 2%
 }

 .minipage .mb {
     margin-bottom: 2%；
 }

 .minipage .f_l {
     float: left;
 }

 .minipage .f_r {
     float: right;
 }

 .minipage .t-align {
     text-align: right
 }

 .logocon {
     display: -webkit-flex;
     z-index: 99;
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
     height: 52px;
     background: #000;
     align-items: center;
     position: relative;
 }

 .logocon .logoimg {
     text-align: center;
     margin: 0 2% 0 3%;
 }

 .logocon .logoimg img {
     height: 40px;
 }

 .logocon .cont {
     color: #fcf8e6;
     letter-spacing: 1px;
     font-size: 1.3rem;
     width: 80%;
 }

 .logocon .cont a {
     color: #fee549;
     padding-left: 1%;
     font-size: 1.4rem;
 }

 .sharecon {
     position: absolute;
     top: 1px;
     right: 2px;
     z-index: 999;
 }

 .minipage .content {
     margin-bottom: 60px;
 }

 .minipage .content .title {
     font-size: 1.7rem;
     color: #333;
     padding: 3%;
     background: #fff;
 }

 .minipage .price-con {
     padding: 0 3% 3% 3%;
     background: #fff;
     color: #f76d2f;
 }

 .minipage .price-con em {
     font-style: normal;
     font-size: 1.4rem;
     padding: 0 3px;
 }

 .minipage .price-con .price {
     font-size: 2.4rem;
 }

 .minipage .price-con .oprice {
     color: #777!important;
     padding-left: 10px;
     text-decoration: line-through;
 }

 .minipage .content .intro {
     color: #777;
     padding: 3%;
     font-size: 1.3rem;
     line-height: 150%;
     background: #fafafa;
 }

 .minipage .content .numcon {
     padding: 3%;
     background: #fff;
 }

 .minipage .content .numcon .tit {
     padding-top: 5px;
 }

 .minipage .content .numcon .cont {
     border: 1px solid #999;
     border-radius: 5px;
     width: 123px
 }

 .minipage .content .numcon .numberInput {
     display: inline-block;
     width: 50px;
     vertical-align: middle;
 }

 .minipage .content .numcon a {
     font-size: 18px;
     font-weight: bold;
     height: 28px;
     width: 30px;
     line-height: 28px;
     text-align: center;
     color: #666;
     cursor: pointer;
     vertical-align: middle;
 }

 .minipage .content .numcon .plus {
     border-right: 1px solid #999;
 }

 .minipage .content .numcon .reduce {
     border-left: 1px solid #999;
 }

 .minipage .content .numcon input {
     border: medium none;
     width: 100%;
     height: 28px;
     text-align: center;
     font-size: 1.6rem;
     line-height: 28px;
 }

 .minipage .form {
     margin-bottom: 60px;
 }

 .minipage .form li {
     padding: 4%;
     background: #fff;
     margin-bottom: 1px;
 }

 .minipage .form li .q {
     margin-bottom: 4%;
     font-size: 1.4rem;
 }

 .minipage .form li .q em {
     display: inline-block;
     margin-left: 4px;
     color: #E4564F;
 }

 .minipage .order {}

 .ec_goods {
     background-color: #fff;
     padding: 3%;
     font-size: 1.4rem;
     color: #333;
     margin-bottom: 5px;
 }

 .ec_goods .operate {
     width: 100%;
     float: left;
     text-align: right;
     margin-top: 3%;
 }

 .ec_detail {
     background-color: #fff;
     font-size: 1.4rem;
     color: #333;
     margin-bottom: 5px;
 }

 .ec_detail .numbercon {
     float: left;
     width: 90%;
     font-size: 1.5rem;
     padding: 3%;
 }

 .ec_detail .detail {
     float: left;
     width: 94%;
     padding: 3%;
     background: #fafafa;
 }

 .ec_detail .order_price li {
     margin-bottom: 1px;
     font-size: 1.5rem;
     padding: 4px 0;
 }

 .ec_detail .order_price .total .tit {
     font-weight: bold;
 }

 .ec_detail .order_price .total .cont {
     color: #f76d2f;
     font-size: 1.7rem;
 }

 .ec_detail .order_price li em {
     font-size: 1.1rem;
 }

 .ec_detail .order_price {
     float: left;
     width: 94%;
     padding: 1% 3%;
 }

 .ec_div1 {
     float: right;
     width: 20%;
 }

 .ec_div1 .status {
     color: #f76d2f;
     margin-top: 26%;
 }

 .ec_div1 .oprice {
     color: #999;
     text-decoration: line-through;
 }

 .ec_div1 .nums {
     color: #999;
 }

 .ec_detail em,
 .ec_goods em {
     font-size: 1rem;
     padding: 0 2px;
 }

 .ec_div2 {
     float: left;
     width: 16%;
     position: relative;
 }

 .ec_div3 {
     float: left;
     margin-left: 2%;
     width: 62%;
 }

 .ec_div2 img {
     width: 100%;
     min-width: 50px;
     max-width: 140px;
 }

 .ec_div2 .tip {
     display: inline-block;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 99;
     color: #fff;
     font-size: 9px;
     text-align: center;
     vertical-align: middle;
     width: 58px;
     height: 19px;
     line-height: 19px;
     background: url(../img/ec_corner.png) no-repeat;
     background-size: contain;
 }

 .ec_div3 .order-number {}

 .ec_div3 .date {
     color: #939393;
     font-size: 1.2rem;
     margin-top: 1%;
 }

 .ec_ajaxmore {
     line-height: 30px;
     font-size: 10px;
     display: inline-block;
     text-align: center;
 }

 .ec_Bbox_div {
     padding: 0px;
     width: 100%;
     height: 50px;
     position: relative;
     background: url(../img/nav_bottom_bk.png) no-repeat;
     background-size: 100% 100%;
 }

 .ec_Bbox a {
     width: 20%;
     height: 40px;
     text-align: center;
     margin: 7px 5px 3px 5px;
     display: inline-block;
     color: #ffffff;
 }

 .ec_Bbox a img {
     margin: 0px auto;
     display: block;
     margin-bottom: 3px;
 }
 /*查询*/

 .search-con {
     background: #fff;
     padding: 3%;
     margin-bottom: 5px;
 }

 .carousel-search {
     border: 1px solid #e3e3e3;
     border-radius: 5px;
 }

 .btn-group,
 .btn-group-vertical {
     position: relative;
     display: inline-block;
     vertical-align: middle;
 }

 .dropdown-menu {
     border-radius: 0;
     padding: 5px 0;
     top: 100%;
     border: 1px solid #ebebeb;
     position: absolute;
     left: 0;
     z-index: 100;
     display: none;
     min-width: 160px;
     padding: 5px 0;
     margin: 2px 0 0;
     font-size: 1.4rem;
     background-color: #fff;
     -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
     box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 }

 .dropdown-menu>li>a {
     display: block;
     padding: 3px 20px;
     clear: both;
     font-weight: 400;
     line-height: 1.42857143;
     color: #333;
     white-space: nowrap;
 }

 .dropdown-menu>li>a:focus,
 .dropdown-menu>li>a:hover {
     color: #262626;
     text-decoration: none;
     background-color: #f5f5f5;
 }

 .carousel-search .search {
     display: inline-block;
     width: 51%;
     padding-left: 1%;
 }

 .carousel-search .condition {
     width: 30%;
     padding: 0 1%;
 }

 .carousel-search .search input {
     border: medium none;
     width: 100%;
     height: 34px;
     font-size: 1.4rem;
     line-height: 34px;
 }

 .carousel-search .search input:focus {
     border: medium none;
 }

 .carousel-search .caret {
     position: absolute;
     right: 12px;
     top: 16px;
 }

 .caret {
     display: inline-block;
     width: 0;
     height: 0;
     color: #666;
     margin-left: 2px;
     vertical-align: middle;
     border-top: 4px dashed;
     border-top: 4px solid\9;
     border-right: 4px solid transparent;
     border-left: 4px solid transparent;
 }

 .btn-select {
     color: rgb(51, 62, 72);
     text-align: left;
     width: 100%;
     height: 35px;
     font-size: 1.4rem;
     line-height: 35px;
     border-right: 1px solid #eee;
 }

 .carousel-search .btnSearch-con {
     width: 14%;
 }

 .carousel-search .btnSearch {
     background: #ec9f1e;
     border-radius: 0 5px 5px 0;
     box-shadow: 0 0 0;
     font-size: 16px;
     height: 35px;
     line-height: 33px;
     text-align: center;
     color: #fff;
     width: 100%;
     cursor: pointer;
 }
 /*end-查询*/

 .minipage .load_more {
     text-align: center;
     font-size: 1.2rem;
     color: #999;
 }

 .minipage .payed {}

 .minipage .payed .payed-res {
     padding: 4%;
     font-size: 1.8rem;
     border-bottom: 1px solid #e8e8e8;
 }

 .minipage .payed .green {
     color: #8dbe4a;
 }

 .minipage .payed .red {
     color: #e75563;
 }

 .minipage .payed .payed-tip {
     padding: 4%;
     background: #fff;
 }

 .minipage .payed .icon {
     font-size: 2.0rem;
     padding-right: 5px;
 }

 .minipage .payed .succ {
     text-align: center;
     padding: 4% 0;
     font-size: 2.0rem;
     border-bottom: 1px solid #f4f4f4;
     color: #f76d2f;
 }

 .minipage .payed .err {
     text-align: center;
     padding: 4% 0;
     font-size: 1.6rem;
     border-bottom: 1px solid #f4f4f4;
 }

 .minipage .payed .order_detail {
     color: #999;
     font-size: 1.4rem;
     margin: 4% 0;
 }

 .minipage .payed .order_detail li {
     padding: 4px 0;
 }

 .minipage .payed .succ em {
     font-size: 1.4rem;
 }

 .minipage .infor {}

 .minipage .infor li {
     padding: 2% 4%;
     background: #fff;
     margin-bottom: 1px;
     font-size: 1.5rem;
 }

 .minipage .infor li .cont {
     min-width: 70%;
 }

 .minipage .infor li .fr input {
     border: medium none;
     width: 100%;
     color: #888;
     height: 28px;
     text-align: right;
     font-size: 1.4rem;
     line-height: 28px;
 }
 .minipage .infor li .addr input {
     height: 26px;
     line-height: 26px;
 }
 .minipage .infor li textarea {
     color: #888;
     resize: none;
     font-size: 1.4rem;
 }

 .minipage .codecon {}

 .ec_code {
     background-color: #fff;
     padding: 3%;
     font-size: 1.4rem;
     color: #333;
     margin: 3%;
     border-radius: 5px;
     border-left: 3px solid #8dbe4a;
 }

 .ec_code .ec_div3 .code-name {
     font-size: 1.6rem;
 }

 .ec_code .ec_div3 .code {
     color: #777;
     font-size: 1.2rem;
     margin-top: 3%;
 }
 /*ode*/

 .minipage .codecon {}

 .minipage .codecon .card {
     width: 94%;
     margin: 15px auto;
 }

 .cardbg {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
     padding: 15px;
     color: #fff;
 }

 .minipage .codecon .use .cardbg {
     background: #8dbe4a;
 }

 .minipage .codecon .nouse .cardbg {
     background: #bbb;
 }

 .minipage .codecon .use .carborder {
     height: 10px;
     background-image: -webkit-gradient(radial, 50% 0, 10, 50% 0, 14, from(#8dbe4a), color-stop(.5, #8dbe4a), color-stop(.5, #e5e5e5), to(#e5e5e5)), -webkit-gradient(radial, 50% 0, 10, 50% 0, 14, from(#8dbe4a), color-stop(.5, #8dbe4a), color-stop(.5, #e5e5e5), to(#e5e5e5));
     background-size: 20px 10px;
     background-repeat: repeat-x;
     background-position: 0 100%;
 }

 .minipage .codecon .nouse .carborder {
     height: 10px;
     background-image: -webkit-gradient(radial, 50% 0, 10, 50% 0, 14, from(#bbb), color-stop(.5, #bbb), color-stop(.5, #e5e5e5), to(#e5e5e5)), -webkit-gradient(radial, 50% 0, 10, 50% 0, 14, from(#bbb), color-stop(.5, #bbb), color-stop(.5, #e5e5e5), to(#e5e5e5));
     background-size: 20px 10px;
     background-repeat: repeat-x;
     background-position: 0 100%;
 }

 .minipage .codecon .nouse .usedate {
     font-size: 12px;
 }

 .minipage .card .name {
     color: #fff;
     font-size: 1.4rem;
     text-align: center;
 }

 .minipage .card .date {
     font-size: 1.2rem;
     color: #fff;
     position: relative;
     padding-top: 7px;
 }

 .minipage .card .date p {
     text-align: center;
 }

 .minipage .card .price {
     font-size: 2rem;
     padding-top: 20px;
 }

 .minipage .card .price em {
     font-size: 1.2rem;
     padding-right: 3px;
 }

 .minipage .card .code {
     text-align: right;
     font-size: 1.3rem;
 }

 .minipage .codecon .remark {
     font-size: 1.2rem;
 }

 .minipage .codecon .dec {
     width: 94%;
     margin: 0 auto;
     background: #fff;
     border: 1px solid #e8e8e8
 }

 .minipage .codecon .invaild {
     margin-top: 10px;
 }

 .minipage .codecon .invaild img {
     width: 100%;
 }

 .minipage .codecon .decbg {
     padding: 15px;
 }

 .minipage .codecon .dec .tit {
     font-size: 1.4rem;
     margin-bottom: 10px;
 }

 .minipage .codecon .dec .detail {
     font-size: 1.2rem;
     color: #777;
 }
 /*end-code*/

 .minipage .content .number {
     width: 120px;
     height: 24px;
     padding: 5px;
     line-height: 24x;
     border: 1px solid #d0d0d0;
     font-size: 1.6rem;
     text-align: center;
     border-radius: 5px;
     color: #333333;
     margin: 0px 3px;
 }

 .minipage .btn-text {}

 .minipage .btn-text .left-btn {
     border-right: 1px solid #e8e8e8;
 }

 .minipage .btn-text a {
     display: inline-block;
     text-align: center;
     width: 49%;
     height: 20px;
     line-height: 20px;
     font-size: 1.5rem;
 }

 .minipage .btn-con {
     position: fixed;
     text-align: center;
     width: 100%;
     left: 0;
     bottom: 0;
     box-shadow: 0px -2px 6px #bbb;
     z-index: 999;
 }

 .minipage .btn-red {
     color: white;
     background-color: #ec9f1e;
     text-align: center;
     font-size: 1.6rem;
     display: inline-block;
 }

 .minipage .btn-red:hover {
     background-color: #dd951c;
 }

 .minipage .btn-green {
     color: white;
     background-color: #8dbe4a;
     text-align: center;
     font-size: 1.7rem;
     display: inline-block;
 }

 .minipage .btn-green-o {
     font-size: 1.2rem;
     color: #85a732;
     border: 1px solid #85a732;
     border-radius: 15px;
     padding: 2px 10px;
 }

 .minipage .btn-gray-o {
     font-size: 1.2rem;
     color: #333;
     border: 1px solid #cacaca;
     border-radius: 15px;
     padding: 2px 10px;
     margin-right: 7px;
 }

 .minipage .buy,
 .minipage .save_info {
     height: 45px;
     line-height: 45px;
     font-weight: bold;
     width: 100%;
     letter-spacing: 3px;
 }

 .btn {
     display: inline-block;
 }

 .btn.disabled,
 .btn[disabled] {
     cursor: not-allowed;
     pointer-events: none;
     opacity: .65;
 }

 .minipage .btn-green:hover {
     background-color: #82af45;
 }
 /*滚动*/

 .minipage .img-container {
     width: 100%;
     margin: 0 auto
 }

 .minipage .img_scroll {
     width: 100%;
     overflow: hidden;
     position: relative;
     top: 0;
     left: 0;
     z-index: 99;
     background: #f3f3f3
 }

 .minipage .rollbtn_type .roll_btn {
     width: 5%;
     text-align: center;
     color: rgba(255, 255, 255, 0.7);
     font-size: 5rem;
 }

 .minipage .rollbtn_type .prev:before,
 .minipage .rollbtn_type .next:before {
     background: none;
     font-family: "iconfont" !important;
     cursor: pointer;
 }

 .minipage .rollbtn_type .next:before {
     content: "\e608";
     position: absolute;
     right: 0;
 }

 .minipage .rollbtn_type .prev:before {
     content: "\e609";
     position: absolute;
     left: 0;
 }

 .minipage .rollbtn_type .prev {
     position: absolute;
     left: 0;
     top: 37%;
     z-index: 100;
 }

 .minipage .rollbtn_type .next {
     position: absolute;
     right: 0;
     top: 37%;
     z-index: 100;
 }

 .minipage .slidebg {
     position: absolute;
     left: 0;
     top: 0;
     z-index: 99;
 }

 .minipage .img-list {
     overflow: hidden;
     position: relative
 }

 .minipage .img-list ul {
     width: 9999px
 }

 .minipage .img_scroll .img-list li {
     float: left
 }

 .minipage .JQ-slide-nav {
     position: absolute;
     bottom: 10px;
     right: 5px;
     height: 10px;
     z-index: 1;
     width: 100%;
     text-align: right
 }

 .minipage .JQ-slide-nav li {
     width: 8px;
     height: 8px;
     margin: 0 2px;
     border-radius: 4px;
     background: #8dbe4a;
     display: inline-block
 }

 .minipage .JQ-slide-nav li.on {
     background: #ec9f1e;
 }
 /*loading*/

 #loading {
     background-color: #000;
     height: 100%;
     width: 100%;
     position: fixed;
     z-index: 1000;
     margin-top: 0px;
     top: 0px;
 }

 #loading-center {
     width: 100%;
     height: 100%;
     position: relative;
 }

 #loading-center-absolute {
     position: absolute;
     left: 50%;
     top: 50%;
     height: 60px;
     width: 60px;
     margin-top: -30px;
     margin-left: -30px;
     -webkit-animation: loading-center-absolute 1s infinite;
     animation: loading-center-absolute 1s infinite;
 }

 .object {
     width: 20px;
     height: 20px;
     background-color: #FFF;
     float: left;
     -moz-border-radius: 50% 50% 50% 50%;
     -webkit-border-radius: 50% 50% 50% 50%;
     border-radius: 50% 50% 50% 50%;
     margin-right: 20px;
     margin-bottom: 20px;
 }

 .object:nth-child(2n+0) {
     margin-right: 0px;
 }

 #object_one {
     -webkit-animation: object_one 1s infinite;
     animation: object_one 1s infinite;
 }

 #object_two {
     -webkit-animation: object_two 1s infinite;
     animation: object_two 1s infinite;
 }

 #object_three {
     -webkit-animation: object_three 1s infinite;
     animation: object_three 1s infinite;
 }

 #object_four {
     -webkit-animation: object_four 1s infinite;
     animation: object_four 1s infinite;
 }

 @-webkit-keyframes loading-center-absolute {
     100% {
         -ms-transform: rotate(360deg);
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @keyframes loading-center-absolute {
     100% {
         -ms-transform: rotate(360deg);
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @-webkit-keyframes object_one {
     50% {
         -ms-transform: translate(20px, 20px);
         -webkit-transform: translate(20px, 20px);
         transform: translate(20px, 20px);
     }
 }

 @keyframes object_one {
     50% {
         -ms-transform: translate(20px, 20px);
         -webkit-transform: translate(20px, 20px);
         transform: translate(20px, 20px);
     }
 }

 @-webkit-keyframes object_two {
     50% {
         -ms-transform: translate(-20px, 20px);
         -webkit-transform: translate(-20px, 20px);
         transform: translate(-20px, 20px);
     }
 }

 @keyframes object_two {
     50% {
         -ms-transform: translate(-20px, 20px);
         -webkit-transform: translate(-20px, 20px);
         transform: translate(-20px, 20px);
     }
 }

 @-webkit-keyframes object_three {
     50% {
         -ms-transform: translate(20px, -20px);
         -webkit-transform: translate(20px, -20px);
         transform: translate(20px, -20px);
     }
 }

 @keyframes object_three {
     50% {
         -ms-transform: translate(20px, -20px);
         -webkit-transform: translate(20px, -20px);
         transform: translate(20px, -20px);
     }
 }

 @-webkit-keyframes object_four {
     50% {
         -ms-transform: translate(-20px, -20px);
         -webkit-transform: translate(-20px, -20px);
         transform: translate(-20px, -20px);
     }
 }

 @keyframes object_four {
     50% {
         -ms-transform: translate(-20px, -20px);
         -webkit-transform: translate(-20px, -20px);
         transform: translate(-20px, -20px);
     }
 }
 /*end-loading*/
 /*pop*/

 .ec_pop .cover {
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0px;
     left: 0px;
     background-color: #000000;
     opacity: 0.7;
     z-index: 9998;
 }

 .ec_pop .pop_box {
     width: 80%;
     position: fixed;
     top: 25%;
     left: 10%;
     z-index: 9999;
     background-color: #fff;
     min-width: 200px;
     max-width: 400px;
     background: #fff;
     border-radius: 10px;
 }

 .ec_pop .pop_head {
     padding: 10px;
     border-bottom: 1px solid #e5e5e5;
 }

 .ec_pop .pop_head h4 {
     font-weight: normal;
     font-size: 16px;
 }

 .ec_pop .pop_body {
     position: relative;
     padding: 10px;
 }

 .ec_pop .pop_head button.close {
     -webkit-appearance: none;
     padding: 0;
     cursor: pointer;
     background: 0 0;
     border: 0;
 }

 .ec_pop .pop_head .close {
     float: right;
     font-size: 21px;
     font-weight: 700;
     line-height: 1;
     color: #000;
     text-shadow: 0 1px 0 #fff;
     filter: alpha(opacity=20);
     opacity: .2;
 }

 .ec_pop .pop_foot {
     padding: 15px;
     text-align: right;
     border-top: 1px solid #e5e5e5;
 }
 /*end-pop*/
 /*table*/

 .tablecon {
     padding-bottom: 4%;
 }

 .detail-table {
     width: 100%;
     color: #666;
     border-collapse: collapse;
     font-size: 13px;
 }

 .detail-table th {
     border-color: #ddd;
     text-align: left;
     background: #f2f2f2;
 }

 .detail-table>thead>tr>th,
 .detail-table>tbody>tr>th,
 .detail-table>tfoot>tr>th,
 .detail-table>thead>tr>td,
 .detail-table>tbody>tr>td,
 .detail-table>tfoot>tr>td {
     padding: 8px 5px;
     line-height: 1.42857143;
     vertical-align: top;
     border: 1px solid #ddd;
 }

 .detail-table .point {
     color: #7b9a28;
 }

 .detail-table .time {
     color: #888;
     font-size: 12px;
 }

 .detail-table tr:nth-child(even) {
     background: #f8f8f8
 }

 .detail-table tr:nth-child(odd) {
     background: #FFF
 }
 /*end-table*/
 /*form*/

 .form-space {
     display: block;
     margin-bottom: 7px;
 }

 label {
     font-weight: normal;
 }

 label input[type=checkbox].ace,
 label input[type=radio].ace {
     z-index: -100 !important;
     width: 0 !important;
     height: 0 !important;
     position: fixed;
 }

 input[type=checkbox].ace+.lbl,
 input[type=radio].ace+.lbl {
     position: relative;
     display: inline-block;
     margin: 0;
     line-height: 20px;
     min-height: 18px;
     min-width: 18px;
     font-weight: normal;
     cursor: pointer;
 }

 input[type=checkbox].ace+.lbl::before,
 input[type=radio].ace+.lbl::before {
     cursor: pointer;
     font-weight: normal;
     font-size: 12px;
     color: #95bb37;
     content: "\a0";
     background-color: #FAFAFA;
     border: 1px solid #c8c8c8;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     border-radius: 0;
     display: inline-block;
     text-align: center;
     height: 16px;
     line-height: 16px;
     min-width: 16px;
     margin-right: 1px;
     position: relative;
     top: -1px;
 }

 input[type=checkbox].ace:checked+.lbl::before,
 input[type=radio].ace:checked+.lbl::before {
     display: inline-block;
     font-family: iconfont;
     content: '\e677';
     background-color: #F5F8FC;
     border-color: #adb8c0;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
 }

 input[type=radio].ace+.lbl::before {
     border-radius: 100%;
     font-size: 10px;
     font-family: iconfont;
     text-shadow: 0 0 1px #32a3ce;
     line-height: 17px;
     height: 17px;
     min-width: 17px;
 }

 input[type=radio].ace:checked+.lbl::before {
     content: "\e628";
 }

 .form-control,
 select {
     color: #858585;
     background-color: #fff;
     border: 1px solid #d5d5d5;
 }

 .form-control {
     display: block;
     width: 100%;
     height: 34px;
     padding: 6px 12px;
     font-size: 1.5rem;
     line-height: 1.42857143;
     color: #333;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     border-radius: 4px;
 }

 .form-control:focus,
 select:focus {
     color: #696969;
     border-color: #f59942;
     background-color: #fff;
     outline: none
 }

 .select-wrap {
     background-color: #FFF;
     width: 100%;
     display: block;
     border-radius: 4px;
     height: 35px;
     border: 1px solid #c8c8c8;
     background: #FFF url(../img/arr.png);
     background-size: 16px 9px;
     background-repeat: no-repeat;
     background-position: center right;
 }

 .select-wrap select {
     border: none;
     padding: 6px 12px;
     font-size: 14px;
     border-radius: 5px;
     width: 89%;
 }

 textarea.form-control {
     width: 90%;
     padding: 5px 9px;
 }

 input.form-control {
     width: 90%;
     padding: 0px 9px;
 }

 select option,
 select.form-control option {
     padding: 3px 4px
 }

 select option:active,
 select.form-control option:active,
 select option:hover,
 select.form-control option:hover,
 select option:focus,
 select.form-control option:focus {
     background-color: #e5e9ee;
     color: #111
 }

 select option[value=""],
 select.form-control option[value=""] {
     padding: 0
 }

 input[disabled] {
     color: #848484 !important;
     background-color: #eee !important
 }

 input[disabled]:hover {
     border-color: #d5d5d5 !important
 }
 /*form-end*/
 /*2018-3-14 添加购物车*/

 .nav-con {
     position: fixed;
     bottom: 0px;
     left: 0px;
     width: 100%;
     z-index: 99;
 }

 .nav-con .nav {
     max-width: 750px;
     width: 100%;
     margin: 0 auto;
     background: #fff;
 }

 .nav-con .navbtn {
     line-height: 45px;
     height: 45px;
     width: 30%;
     font-size: 1.6rem;
 }

 .nav-con .navbtntxt {
     display: inline-block;
     text-align: center;
     width: 18%;
 }

 .nav-con .iconfont {
     font-size: 2rem;
     display: block;
 }

 .nav-con font {
     font-size: 1rem;
 }

 .nav-con .totle {
     display: inline-block;
     line-height: 45px;
     height: 45px;
     width: 40%;
     text-align: center;
     color: #f76d2f;
     font-size: 1.6rem;
 }

 .nav-con .totle em {
     font-size: 1.1rem;
 }

 .topnav {
     background-color: #f4f4f4;
     color: #848793;
     height: 40px;
     line-height: 40px;
     font-size: 12px;
     padding: 0 3%;
 }

 .width-10 {
     width: 10%;
 }

 .width-70 {
     margin-left: 2%;
     width: 72%;
 }

 .shopping {
     margin-bottom: 60px;
 }

 .shopping .numcon {
     padding: 3% 0!important;
 }

 .minipage .shopping .content {
     margin-bottom: 0!important;
 }

 .minipage .shopping .content .numcon a {
     font-size: 14px;
     font-weight: bold;
     height: 18px;
     width: 20px;
     line-height: 18px;
     text-align: center;
     color: #666;
     cursor: pointer;
     vertical-align: middle;
 }

 .minipage .shopping .content .numcon input {
     border: medium none;
     width: 100%;
     height: 18px;
     text-align: center;
     font-size: 1.4rem;
     line-height: 18px;
 }

 .minipage .shopping .content .numcon .cont {
     width: 102px;
 }

 .shopping .content .numcon .price {
     color: #f76d2f;
     font-size: 1.6rem;
 }

 .shopping .content .numcon .price em {
     font-size: 1.1rem;
 }
 /*end2018-3-14*/
 /*2018-3-15*/

 .minipage .infor li select {
     width: 100px;
     height: 26px;
     border-radius: 5px;
 }

 .minipage .spec li .tit {
     color: #777;
     font-size: 1.3rem;
 }

.form .addr {
     display: block;
     margin-bottom: 5px;
 }

.form .addr select,
.form .addr input {
     width: 30%;
     height: 30px;
     border-radius: 4px;
 }

.form .addr input {
     padding: 0px 6px;
     color: #333;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
 }
 /*end2018-3-15*/
  /*2018-3-26*/
  .form .discount p{
     line-height: 200%;
  }
  .form .discount input {
    padding: 0px 6px;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
     width: 100px;
    height: 30px;
    border-radius: 4px;
}
.form .discount em{
     font-weight: bold;
     color: #E4564F;
}
  /*end2018-3-26*/
/*2018-04-02*/
  .nodata {
    width: 100%;
    height: 480px;
    background: url(../img/ec-nodata.png) no-repeat center center;
}
.empty{
     color: #999;
     text-align: center;
     padding-top:30%;
}
.empty .icon-gouwuche{
     font-size: 2.2rem;
}
.empty .dec{
     margin-bottom: 20px;
}
.empty .btn-green-o{
     font-size: 1.4rem;
     padding:4px 15px;
}
/*end2018-04-02*/

